	@import '@/uni.scss';
	.container {
		background-image: url("https://pili-vod.guanxikeji.com/moban/img/1716189840105.png");
		background-size: 100% 100vh;
		background-position: top;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		height: 100vh;
		background-color: #fff;
		overflow: hidden;
		margin-top: -44px;

		.content {
			width: 90%;
			margin-left: 5%;
			height: 1200rpx;
			.head{
				color: $green;
				width: 100%;
				font-size:37px;
				font-weight: bold;
				margin-bottom: 80rpx;
				text{
					font-size:18px;
				}
			}
			.box{
				background-color: #fff;
				padding:10upx 10upx;
				box-shadow: 0px 0px 20px 1px rgba(0,195,86,0.26);
				border-radius: 20px; 
					overflow: hidden;
					background-image: url("https://pili-vod.guanxikeji.com/moban/img/1716192544216.png");
					background-repeat: no-repeat;
					background-size:150% 400px;
					background-position:0  250px ;
				.titlebox{
					display: flex;
					justify-content: space-around;
					.left{
						font-weight: bold;
						// border-bottom: $green 2upx solid;
						background:#fff;
						color: #B8B8B8;
						border-radius: 0;
						position: relative;
						width: 50%;
						text-align:center;
						font-size: 14px;						
						line-height: 30px;
					}
					.right{
						font-weight: bold;
						// border-bottom: $green 2upx solid;
						background:#fff;
						width: 50%;
						color: #B8B8B8;
						border-radius: 0;
						position: relative;
						text-align:center;
						font-size: 14px;						
						line-height: 30px;
					}
					.active{
						height: 30px;
						color:$green;
						background:#E8FFF2;
						border-radius: 30px;
					}
					.active1{height: 30px;
						color:$green;
						background:#E8FFF2;
						border-radius: 30px;
						width: 60%;
						}
					.active::after{
						position:absolute;
						content:" ";
						width: 20px;
						height: 2px;
						background:$green;
						left:calc(50% - 10px);
						bottom:0;
						
					}
				}
			}

			.title1 {
				font-size: 48upx;
				font-weight: bold;
				color: #333333;
				margin-bottom: 20upx;
			}

			.title2 {
				font-size: 32upx;
				color: #999;
				margin-bottom: 100upx;
			}

			.list {
				padding: 20upx;
				border-radius: 20upx;

				.item {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin: 20upx 0;
					// background-color: #f5f5f5;
					padding: 20upx;
					margin-top: 40upx;
					border-bottom: 1upx solid #eee;
					.items{
						width:100%;
						display: flex;
						align-items: center;
						.uni-input{
							width:90%;
						}
						.image{
							width: 40upx;
							height: 40upx;
							margin-right: 20upx;
							display: none;
							image{
							width: 40upx;
							height: 40upx;
							}
						}
						
					}
					.uni-input-placeholder{
						font-size: 16px;
					}

					.time{
						text-align: center;
						width: 140upx;
						color: $green;
						margin-right: 10upx;
						border-radius: 5upx;
						font-size: 10px;

					}
				}
			}
			.titleboxs{
				display: flex;
				justify-content: space-between;
				color: #666666;
				padding: 20upx;
				font-size: 28upx;
				
			}
			.bottom{
				 color: #666666;
				 padding: 20upx;
				 font-size: 10px;
				 text-align: center;
				 text{
					 color: $green;
				 }
			}
			.btnBox{
				background: linear-gradient(to right,$green,$green);
			}
		}
	}
	.bottoms{
		text-align: center;
		color: $green;
		font-size: 16px;
		font-weight: 700;
		margin: 0 10rpx 6rpx 0;
	}